<ion-view view-title="登录" hide-tabs="true">
	<ion-nav-buttons side="right">
		<a class="button button-small button-clear button-stable" href="#/tab/register">注册 ></a>
	</ion-nav-buttons>
	<ion-content class="padding">
		<form name="theForm" novalidate="novalidate">
			<div class="list">
				<div class="row">
					<div class="col">
						<label class="item item-input">
							<span class="input-label">手机号码</span>
							<input type="text" name="mobile" ng-model="login.mobile" placeholder="请填写手机号码" required>
						</label>
					</div>
				</div>
				<div class="row">
					<div class="col">
						<label class="item item-input">
							<span class="input-label">登录密码</span>
							<input type="password" name="password" ng-model="login.password" placeholder="请填写登录密码" required>
						</label>
					</div>
				</div>
				<div class="row">
					<div class="col col-60">
						<label class="item item-input">
							<span class="input-label">图形验证码</span>
							<input type="tel" name="vdcode" ng-model="login.vdcode" placeholder="请填写验证码" required>
						</label>
					</div>
					<div class="col">
						<img src="{{verifyImg}}" style="height:48px;" ng-click="refresh()">
					</div>
				</div>
				<div class="row" ng-show="theForm.$invalid">
					<div class="col">
						<div class="card">
							<div class="item item-divider">注册表单错误提示</div>
							<div class="item item-text-wrap item-icon-left assertive" ng-show="theForm.mobile.$invalid && theForm.mobile.$error.required">
								<i class="icon ion-close-circled placeholder-icon"></i> 用户手机号码必须填写!
							</div>
							<div class="item item-text-wrap item-icon-left assertive" ng-show="theForm.password.$invalid && theForm.password.$error.required">
								<i class="icon ion-close-circled placeholder-icon"></i> 用户密码必须填写!
							</div>
							<div class="item item-text-wrap item-icon-left assertive" ng-show="theForm.vdcode.$invalid && theForm.vdcode.$error.required">
								<i class="icon ion-close-circled placeholder-icon"></i> 图形验证码必须填写!
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="list list-normal">
				<button class="button button-full button-energized" ng-click="submit()" ng-disabled="!theForm.$valid">登录</button>
			</div>
		</form>
	</ion-content>
</ion-view>